/* Navigation/pages/index.wxss */
page{
  position: relative;
  background-color: #f4f4f4;
}
.stitle{
  font-weight: 400;
  font-size: 24rpx;
  color: #818181;
}
.home-detail{
  background-color: #ffffff;
  height: 90rpx;
  line-height: 200rpx;
}
.body{
   position: absolute;
   margin: 30rpx;
   border-radius: 30rpx;
   overflow: hidden;
   padding: 30rpx;
   background-color: #ffffff;
}
.body .one{
  color: #000;
  font-size: 30rpx;
  margin-bottom: 20rpx;
}
.body .body_top{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.body .body_top .left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 25rpx;
}
.body .left .start {
  background: #2A2929;
}
.body .left .round {
  width: 40rpx;height: 40rpx;
  font-size: 26rpx;
  color: #fff;
  text-align: center;
  line-height: 40rpx;
  border-radius: 50%;
}
.body .left .course {
  width: 0;
  height: 44rpx;
  font-size: 10rpx;
  margin: 12rpx 12rpx;
  line-height: 17rpx;
}
.body .left .end {
  background: #EF4F3F;
}
.body .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.body .right .right-text {
  font-weight: 400;
  font-size: 28rpx;
  color: #818181;
}
.footer{
  position: fixed;
  display: flex;
  width: 100%;
  justify-content: center;
  bottom: 0;
  height: 140rpx;
  background-color: #fff;
  padding-top: 30rpx;
}
.footer .center{
  width: 414rpx;
  height: 100rpx;
  line-height: 100rpx;
  border-radius: 50rpx;
  background-color: #ee4f3e;
  text-align: center;
  font-size: 32rpx;
  color: #fff;
}